@mixin flex($justify, $align) {
  display: flex;
  justify-content: $justify;
  align-items: $align;
}

@mixin marginT($top) {
  margin-top: $top;
}

@mixin marginL($left) {
  margin-left: $left;
}

@mixin marginB($bottom) {
  margin-bottom: $bottom;
}

@mixin marginR($right) {
  margin-right: $right;
}

@mixin bgImg($url) {
  background: url($url) center no-repeat;
  background-size: 100% auto;
}

.flsc {
  @include flex(flex-start, center);
  align-content: flex-start;
}

.flss {
  @include flex(flex-start, flex-start);
  align-content: flex-start;
}

.flcc {
  @include flex(center, center);
  align-content: flex-start;
}

.flcs {
  @include flex(center, flex-start);
  align-content: flex-start;
}

.flbc {
  @include flex(space-between, center);
  align-content: flex-start;
}

.flec {
  @include flex(flex-end, center);
  align-content: flex-start;
}

.flac {
  @include flex(space-around, center);
  align-content: flex-start;
}

.flbs {
  @include flex(space-between, flex-start);
  align-content: flex-start;
}

.flse {
  @include flex(flex-start, flex-end);
  align-content: flex-start;
}

.mt6 {
  @include marginT(6px);
}

.mt10 {
  @include marginT(10px);
}

.mt12 {
  @include marginT(12px);
}

.mt14 {
  @include marginT(14px);
}

.mt16 {
  @include marginT(16px);
}

.mt18 {
  @include marginT(18px);
}

.mt20 {
  @include marginT(20px);
}

.mt22 {
  @include marginT(22px);
}

.mt24 {
  @include marginT(24px);
}

.mt26 {
  @include marginT(26px);
}

.mt28 {
  @include marginT(28px);
}

.mt30 {
  @include marginT(30px);
}

.mt32 {
  @include marginT(32px);
}

.mt50 {
  @include marginT(50px);
}

.ml10 {
  @include marginL(10px);
}

.ml12 {
  @include marginL(12px);
}

.ml14 {
  @include marginL(14px);
}

.ml16 {
  @include marginL(16px);
}

.ml18 {
  @include marginL(18px);
}

.ml20 {
  @include marginL(20px);
}

.ml22 {
  @include marginL(22px);
}

.ml24 {
  @include marginL(24px);
}

.ml26 {
  @include marginL(26px);
}

.ml28 {
  @include marginL(28px);
}

.ml30 {
  @include marginL(30px);
}

.ml32 {
  @include marginL(32px);
}

.ml4 {
  @include marginL(4px);
}

.ml8 {
  @include marginL(8px);
}

.mr4 {
  @include marginR(4px);
}

.mr8 {
  @include marginR(8px);
}

.mr10 {
  @include marginR(10px);
}

.mr12 {
  @include marginR(12px);
}

.mr14 {
  @include marginR(14px);
}

.mr16 {
  @include marginR(16px);
}

.mr18 {
  @include marginR(18px);
}

.mr20 {
  @include marginR(20px);
}

.mr22 {
  @include marginR(22px);
}

.mr24 {
  @include marginR(24px);
}

.mr26 {
  @include marginR(26px);
}

.mr28 {
  @include marginR(28px);
}

.mr30 {
  @include marginR(30px);
}

.mr32 {
  @include marginR(32px);
}

.mb10 {
  @include marginB(10px);
}

.mb12 {
  @include marginB(12px);
}

.mb14 {
  @include marginB(14px);
}

.mb16 {
  @include marginB(16px);
}

.mb18 {
  @include marginB(18px);
}

.mb20 {
  @include marginB(20px);
}

.mb22 {
  @include marginB(22px);
}

.mb24 {
  @include marginB(24px);
}

.mb26 {
  @include marginB(26px);
}

.mb28 {
  @include marginB(28px);
}

.mb30 {
  @include marginB(30px);
}

.mb32 {
  @include marginB(32px);
}

.borderBox {
  box-sizing: border-box;
}

.text-ellipsis-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* 设置最大显示行数 */
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.text-ellipsis-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.textButton {
  cursor: pointer !important;

  &:hover {
    color: #006eff !important;
    text-decoration: underline;
  }
}

.divButton {
  cursor: pointer !important;
}

video {
  display: block;
  margin: 0 auto;
}

.fwb {
  img {
    max-width: 100%;
  }

  video {
    max-width: 100%;
  }

  p {
    max-width: 100%;
  }

  table {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
  }

  td,
  th {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 4px 6px;
  }

  th {
    background-color: #FAFAFA;
  }
}


.labrary-search {

  .el-input {
    padding: 0;
    border: none;

    .el-input__wrapper {
      background: transparent;
      border: none;
      box-shadow: none;
    }
  }

}